<%--
  Created by IntelliJ IDEA.
  User: You
  Date: 2020/5/26
  Time: 8:23
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" import="java.util.*,com.xingyun.info_manager.entity.*" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>患者信息登记系统</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/layui/css/layui.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/global.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/icheck/minimal/red.css">
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <%--<div class="layui-header">--%>
    <%--<!-- 引入公共头区域 -->--%>
    <%--<%@include file="../commen/head.jsp" %>--%>
    <%--</div>--%>

    <%--<div class="layui-side layui-bg-black">--%>
    <%--<div class="layui-side-scroll">--%>
    <%--<!-- 引入左侧导航区域（可配合layui已有的垂直导航） -->--%>
    <%--<%@include file="../commen/menu.jsp" %>--%>
    <%--</div>--%>
    <%--</div>--%>

    <%--<div class="layui-body">--%>
    <!-- 内容主体区域 -->
    <%--<div style="padding: 15px;">--%>
    <%--<fieldset class="layui-elem-field">--%>
    <%--<legend>用户管理 - 用户列表</legend>--%>
    <div class="layui-field-box">
        <form id="queryForm" class="layui-form" action="${pageContext.request.contextPath}/repnet/getinfo">
            <input type="hidden" name="currPage" id="currPage" />
            <input type="hidden" name="pageSize" id="pageSize" />
            <div class="layui-form-item" >
                <label class="layui-form-label" style="width: 60px;text-align: left;">用户名</label>
                <div class="layui-input-inline">
                    <input type="text" name="userName"  placeholder="请输入用户名" autocomplete="off" class="layui-input">
                </div>
                <label class="layui-form-label" style="width: 60px;text-align: left;">预约科室</label>
                <div class="layui-input-inline">
                    <input type="text" name="appointDept"  placeholder="请输入预约科室" autocomplete="off" class="layui-input">
                </div>
                <label class="layui-form-label" style="width: 60px;text-align: left;">病种</label>
                <div class="layui-input-inline">
                    <input type="text" name="diseaseEntities"  placeholder="请输入病种" autocomplete="off" class="layui-input">
                </div>
                <label class="layui-form-label" style="width: 10px;text-align: left;"></label>
                <div class="layui-inline" style="text-align:left;">
                    <div class="layui-input-inline">
                        <button id="queryBtn" type="button" class="layui-btn layui-btn-sm"><i class="layui-icon">&#xe615;</i>查询</button>
                    </div>
                </div>
            </div>
        </form>
        <hr>
        <%--<div class="layui-btn-container">--%>
            <%--<button class="layui-btn layui-btn-sm layui-btn-normal dw-dailog" dw-url="${pageContext.request.contextPath}/pages/patient_net/pat_info_add.jsp" dw-title="新增病人信息" dw-width="1200px" dw-height="530px">--%>
                <%--<i class="layui-icon">&#xe654;</i>新增--%>
            <%--</button>--%>
            <%--&lt;%&ndash;<button class="layui-btn layui-btn-sm layui-btn-danger dw-batch-delete" dw-url="./delete.json">&ndash;%&gt;--%>
            <%--&lt;%&ndash;<i class="layui-icon">&#xe640;</i>删除&ndash;%&gt;--%>
            <%--&lt;%&ndash;</button>&ndash;%&gt;--%>
            <%--&lt;%&ndash;<button class="layui-btn layui-btn-sm dw-refresh">&ndash;%&gt;--%>
            <%--&lt;%&ndash;<i class="layui-icon">&#x1002;</i>刷新&ndash;%&gt;--%>
            <%--&lt;%&ndash;</button>&ndash;%&gt;--%>
        <%--</div>--%>
        <%--<hr>--%>
        <table class="layui-table" id="demo" lay-filter="demo" lay-data="{id: 'demo'}">
        </table>
        <%--分页区域--%>
        <div id="pages" style="text-align: center">
            <div id="demopage"></div>
        </div>
    </div>

    <%--</fieldset>--%>
    <%--</div>--%>
    <%--</div>--%>

    <%--<div class="layui-footer">--%>
    <%--<!-- 底部固定区域 -->--%>
    <%--© layui.com - 底部固定区域--%>
    <%--</div>--%>
</div>
<script type="text/javascript" src="${pageContext.request.contextPath}/javascript/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/layui/layui.all.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/icheck/icheck.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/javascript/dw.js"></script>

<script type="text/html" id="translateRate">
    {{d.translateRate}}%
</script>
<script type="text/html" id="channelName">
    {{#  if(d.channelId==1){ }}
    院内渠道
    {{#  } else if(d.channelId==2){ }}
    市场渠道
    {{#  } else if(d.channelId==3){ }}
    网络渠道
    {{#  } else { }}
    全渠道
    {{#  } }}
</script>
<script>
    /*页面初始化查询数据*/
    $(function () {
        queryData();
    });

    var table = layui.table;
    var laypage = layui.laypage;

    var option = {
        elem: '#demo' //指定原始表格元素选择器（推荐id选择器）
        ,height: 300 //容器高度
        // ,width: 1600
        // ,url: '/admin/finddemo' //数据接口
        // ,limit: 5 //注意：请务必确保 limit 参数（默认：10）是与你服务端限定的数据条数一致
        // ,limits:[5,10,15,20]
        // ,page: true //开启分页
        ,cols: [[
            // {type: 'checkbox', fixed: true},//复选框
            {field: 'userName', align: "center",   title: '用户名'},
            {field: 'realName', align: "center",  title: '真实姓名'},
            {field: 'channelId', align: "center",   title: '所属渠道', templet: '#channelName'},
            {field: 'inHosCount', align: "center",   title: '到院数'},
            {field: 'enterCount', align: "center",   title: '预约数'},
            {field: 'translateRate', align: "center",   title: '转化率', templet: '#translateRate'}
        ]] //设置表头
        //,…… //更多参数参考右侧目录：基本参数选项
    };

    /*页面初始化查询数据*/
    function queryData() {
        $.ajax({
            url : '${pageContext.request.contextPath}/repnet/getinfo',//数据接口
            type : 'GET',
            dataType : 'json',
            data: $('#queryForm').serialize(),
            success : function(data) {
                if(data){//此data为后台返回数据
                    //完整功能
                    laypage.render({//分页配置相关
                        elem: 'demopage',//分页组件div的id或者指代div的dom节点对象
                        count: data.count,//记录总数
                        curr: data.currPage,//当前页码
                        limit: data.pageSize,//每页显示多少条 pageSize
                        limits:[3,5,10,15,20],
                        layout: [ 'count','prev', 'page', 'next', 'limit','skip']
                        ,jump: function(obj,first){
                            //obj指当前的分页对象,first代表第一次访问该页面
                            //任何有关换页的操作都会触发此函数，第一次访问的时候也会执行此函数
                            //加个跳转--附带两个参数
                            //alert("这是页面切换");
                            //使用jQuery赋值
                            $("#currPage").val(obj.curr);
                            $("#pageSize").val(obj.limit);
                            if(!first){
                                //模拟提交条件查询的表单，附带当前页码和显示的条数
                                queryData();
                            }
                        }
                    });
                    option.data = data.data;
                    table.render(option);
                } else {
                    layer.msg("未获取到日志信息");
                }
            }

        });
    }

    //条件查询按钮触发事件
    $("#queryBtn").click(function () {
        queryData();
    });

</script>
</body>
</html>
